<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Furniture</title>
        <meta name="description" content="Handbag" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/coin-slider/coin-slider.js"></script>
        <link rel="stylesheet" href="js/coin-slider/coin-slider-styles.css" type="text/css"/>
        <link rel="stylesheet" href="css/layout.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_product.css" type="text/css"/>
        <link rel="stylesheet" href="css/ws_container.css" type="text/css"/>

        <!-- LOGO 4-->
        <link rel="stylesheet" href="../../widget/logo/4/logo_4.css" type="text/css" />

        <!-- SEARCH BAR 4 -->
        <link rel="stylesheet" href="../../widget/search_bar/4/search_bar_4.css" type="text/css" />

        <!-- HMENU 5 -->
        <link rel="stylesheet" href="../../widget/hmenu/5/hmenu_5.css" type="text/css" />

        <!-- LINK LIST 1  -->
        <link rel="stylesheet" href="../../widget/link_list/1/link_list_1.css" type="text/css" />

        <!-- BREADCRUMBS -->
        <link rel="stylesheet" href="../../widget/breadcrumbs/2/breadcrumbs_2.css" type="text/css" />

        <!-- CART BLOCK WIDGET 2  -->
        <link rel="stylesheet" href="../../widget/cart_block/2/cart_block_2.css" type="text/css" />

        <!-- VMENU WIDGET 3  -->
        <link rel="stylesheet" href="../../widget/vmenu/3/vmenu_3.css" type="text/css" />

        <!-- PRODUCT FEATURE 3  -->
        <link rel="stylesheet" href="../../widget/product_feature/3/product_feature_3.css" type="text/css" />

        <!-- PRODUCT LIST 1  -->
        <link rel="stylesheet" href="../../widget/product_list/1/product_list_1.css" type="text/css" />

        <!-- HTML BLOCK 5  -->
        <link rel="stylesheet" href="../../widget/html_block/5/html_5.css" type="text/css" />

        <!-- LINK LIST 2  -->
        <link rel="stylesheet" href="../../widget/link_list/2/link_list_2.css" type="text/css" />

        <!-- SOCIAL NETWORK 1  -->
        <link rel="stylesheet" href="../../widget/social_network/1/social_1.css" type="text/css" />

        <!-- PRODUCT LIST 2  -->
        <link rel="stylesheet" href="../../widget/product_list/2/product_list_2.css" type="text/css" />

        <script src="js/furniture.js" type="text/javascript">  </script>
    </head>

    <body>
        <div id="wrapper">
            <div id="wrapper_top">
                <div id="hook_top" class="hook">
                    <!-- LOGO WIDGET -->
                    <div id="logo_wi" class="logo_4">
                        <div class="logo_content_wrapper">
                            <div class="logo_content">
                                <h1 class="company_name">Funiture</h1>
                                <h3 class="company_description">Online store</h3>
                            </div><!-- End .logo_content -->
                        </div><!-- End .logo_content_wrapper -->
                    </div>
                    <!-- End LOGO WIDGET -->

                    <!-- SEARCH BAR WIDGET -->
                    <div id="search_bar_wi" class="search_bar_4">
                        <form class="searchForm" method="post" action="#">
                            <div class="search_bar_wrapper">
                                <input class="search_text" type="text" name="txtsearch" value="Search keyword here"/>
                                <input class="search_submit" type="submit" name="btnsearch" value=""/>
                            </div><!-- End #search_bar_wrapper -->
                        </form>
                    </div>
                    <!-- End SEARCH BAR WIDGET -->

                    <!-- LINK LIST WIDGET -->
                    <div id="link_list_wi" class="link_list_1">
                        <ul class="link_list">
                            <li><a href="#">Shipping & Return</a></li>
                            <li><a href="#">Log In</a></li>
                            <li><a href="#">Create an account</a></li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                    <!-- End LINK LIST WIDGET -->

                    <!-- HMENU WIDGET -->
                    <div id="hemnu_wi" class="hemnu_5">
                        <div class="hmenu_wrapper">

                            <ul class="hmenu_items">
                                <li class="current"><a href="#">Home</a></li>
                                <li><a href="introduction.html">About us</a></li>
                                <li><a href="#">Gallery</a></li>
                                <li><a href="contact.html">Contact</a></li>
                                <li><a href="#">Blog</a></li>
                                <li class="last_item"><a href="#">News</a></li>
                            </ul>

                        </div><!--End hmenu_wrapper-->

                    </div>
                    <!-- End HEMNU WIDGET -->
                </div>
                <!-- End #hook_top -->

            </div>
            <!-- End #top -->

            <div id="wrapper_main">

                <div id="wrapper_custom_1">
                    <div id="wrapper_sidebar">
                        <div id="wrapper_sidebar_1">
                            <div id="hook_sidebar_1" class="hook">
                                <!-- CART BLOCK WIDGET -->
                                <div id="cart_block_wi" class="cart_block_2">
                                    <div class="cart_header">
                                        <h1>Shopping Cart</h1>
                                    </div><!-- End .cart_header -->

                                    <div class="cart_infor">
                                        <p class="cart_numbers">Now in your cart <span>0</span> item</p>
                                        <ul>
                                            <li>
                                                <p class="cart_infor_title">Shipping</p>
                                                <p class="cart_infor_value">0$</p>
                                                <div class="clear"></div>
                                            </li>
                                            <li>
                                                <p class="cart_infor_title">Total</p>
                                                <p class="cart_infor_value">0$</p>
                                                <div class="clear"></div>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- End .cart_infor -->
                                </div>
                                <!-- End CART BLOCK WIDGET -->
                            </div><!-- End #hook_sidebar_1 --> 

                        </div><!-- End #wrapper_sidebar_1 -->

                        <div id="wrapper_sidebar_2">
                            <div id="hook_sidebar_2" class="hook">
                                <!-- VMENU WIDGET -->
                                <div id="vmenu_wi" class="vmenu_3">
                                    <div class="vmenu_header">
                                        <h1>Category</h1>
                                    </div><!-- End .vmenu_header -->

                                    <ul class="vmenu_list">
                                        <li><a href="#">Living room</a></li>
                                        <li><a href="#">Sitting room</a></li>
                                        <li><a href="#">Bath room</a></li>
                                        <li><a href="#">Film room</a></li>
                                        <li><a href="#">Bed room</a></li>
                                        <li><a href="#">Kitchen room</a></li>
                                    </ul><!-- End .vmenu_list -->
                                </div>
                                <!-- End VMENU WIDGET -->
                            </div><!-- End #hook_sidebar_2 -->
                        </div><!-- End #wrapper_sidebar_2 -->


                        <div id="wrapper_sidebar_3">
                            <div id="hook_sidebar_3" class="hook">
                                <!-- PRODUCT FEATURE WIDGET -->
                                <div id="product_feature_wi" class="product_feature_3">
                                    <div class="product_feature_header">
                                        <h1>Special today</h1>
                                    </div><!-- End .product_feature_header -->

                                    <div class="product_infor">
                                        <a href="#"><img src="images/special_item.png" alt=""/></a>
                                        <div class="infor">
                                            <a class="description" href="#">
                                                Avenue Six Roundabout Spring Green Low Circle Lounger
                                            </a>
                                            <p class="price">
                                                299$
                                            </p>
                                        </div><!-- End .infor -->
                                        <div class="clear"></div>

                                    </div><!-- End .product_infor -->
                                </div>
                                <!-- End PRODUCT FEATURE WIDGET -->
                            </div><!-- End #hook_sidebar_3 -->
                        </div><!-- End #wrapper_sidebar_3 -->

                    </div><!-- End #wrapper_sidebar -->

                    <div id="wrapper_list_1">
                        <div id="hook_breadcrumbs" class="hook">
                            <!-- BREADCRUMBS WIDGET -->
                            <div id="breadcrumbs_wi" class="breadcrumbs_2">
                                <ul>
                                    <li>
                                        <a href="#">Home</a>
                                    </li>

                                    <li class="current">
                                        <a href="#">Product</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- END BREADCRUMBS WIDGET -->
                        </div>
                        <!-- END hook breadcrumbs -->

                        <div id="wrapper_product_list">
                            <div id="hook_product_list_2" class="hook">
                                <!-- WIDGET PRODUCT LIST 2-->
                                <div id="product_list_wi" class="product_list_2">
                                    <p class="num_page">Result Pages: 1</p>
                                    <ul class="list">
                                        <li>
                                            <div class="wrapper_image">
                                                <img src="images/products/8.png" alt="#" />
                                                <div class="promotion">
                                                    -15%
                                                </div>
                                                <!-- End .promotion -->
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li>
                                            <div class="wrapper_image">
                                                <img src="images/products/1.png" alt="#" />
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li class="last">
                                            <div class="wrapper_image">
                                                <img src="images/products/2.png" alt="#" />
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li>
                                            <div class="wrapper_image">
                                                <img src="images/products/3.png" alt="#" />
                                                <div class="promotion">
                                                    -15%
                                                </div>
                                                <!-- End .promotion -->
                                            </div>
                                            <!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li>
                                            <div class="wrapper_image">
                                                <img src="images/products/5.png" alt="#" />
                                                <div class="promotion">
                                                    -15%
                                                </div>
                                                <!-- End .promotion -->
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li class="last">
                                            <div class="wrapper_image">
                                                <img src="images/products/4.png" alt="#" />
                                                <div class="promotion">
                                                    -15%
                                                </div>
                                                <!-- End .promotion -->
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li>
                                            <div class="wrapper_image">
                                                <img src="images/products/3.png" alt="#" />
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li>
                                            <div class="wrapper_image">
                                                <img src="images/products/5.png" alt="#" />
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>

                                        <li class="last">
                                            <div class="wrapper_image">
                                                <img src="images/products/4.png" alt="#" />
                                            </div><!-- End .wrapper_image -->

                                            <div class="wrapper_product_infor">
                                                <p class="infor">
                                                    Fusce interdum vestibulum urna quis imperdiet.
                                                </p>
                                                <!-- End .infor -->

                                                <div class="price_infor">
                                                    <p class="price">199$</p>
                                                    <div class="view">
                                                        <a href="#">View</a>
                                                    </div><!-- End .view -->
                                                    <div class="clear"></div>

                                                </div>
                                                <!-- End .price_infor -->
                                            </div>                                           
                                            <!-- End .wrapper_product_infor -->
                                        </li>
                                         <div class="clear"></div>
                                    </ul>
                                    <!-- End .list -->
                                   

                                    <div class="wrapper_pagination">
                                        <p class="display_num">Displaying 1 to 9 (of 22 specials)</p>
                                        <ul class="pagination">
                                            <li class="page_number">Result page : </li>
                                            <li><a href="#" class="current">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li class="next"><a href="#">[next &raquo;]</a></li>

                                        </ul>
                                        <div class="clear"></div>
                                    </div><!-- End .wrapper_pagination -->
                                </div>
                                <!-- END WIDGET PRODUCT LIST 2-->
                            </div><!-- End #hook_product_list_2 -->

                        </div>
                        <!-- End #wrapper_product_list -->


                    </div><!-- End #wrapper_list_1 -->

                    <div class="clear"></div>
                </div>
                <!-- End #wrapper_custom_1 -->

            </div>
            <!-- End #main -->

            <div id="wrapper_bottom">
                <div id="hook_footer" class="hook">
                    <!-- WIDGET HTML BLOCK 5 -->
                    <div id="html_5" class="html_5">
                        <h1>
                            Furniture
                        </h1>
                    </div>
                    <!-- End .html_5 WIDGET-->

                    <!-- WIDGET LINK LIST -->
                    <div id="link_list_wi_1" class="link_list_2">
                        <div class="header">
                            <h2>Information</h2>
                        </div><!-- End .header -->

                        <ul class="link_list">
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Terms and condition</a></li>
                            <li><a href="#">Contact</a></li>
                            <li><a href="#">Personal information</a></li>
                            <li><a href="#">Contact</a></li>
                        </ul>
                        <!-- End .link_list -->
                    </div>
                    <!-- END WIDGET LINK LIST -->

                    <!-- WIDGET LINK LIST -->
                    <div id="link_list_wi_2" class="link_list_2">
                        <div class="header">
                            <h2>Your account</h2>
                        </div><!-- End .header -->

                        <ul class="link_list">
                            <li><a href="#">Your account</a></li>
                            <li><a href="#">Personal information</a></li>
                            <li><a href="#">Addresses</a></li>
                            <li><a href="#">Discount</a></li>
                            <li><a href="#">Other history</a></li>
                        </ul>
                        <!-- End .link_list -->
                    </div>
                    <!-- END WIDGET LINK LIST -->

                    <!-- WIDGET LINK LIST -->
                    <div id="link_list_wi_3" class="link_list_2">
                        <div class="header">
                            <h2>Our offers</h2>
                        </div><!-- End .header -->

                        <ul class="link_list">
                            <li><a href="#">New products</a></li>
                            <li><a href="#">Top sellers</a></li>
                            <li><a href="#">Specials</a></li>
                            <li><a href="#">Manufacturers</a></li>
                            <li><a href="#">Suppliers</a></li>
                        </ul>
                        <!-- End .link_list -->
                    </div>
                    <!-- END WIDGET LINK LIST -->

                    <!-- WIDGET SOCIAL NETWORK -->
                    <div id="social_wi" class="social_1">
                        <div class="header">
                            <h2>Follow us</h2>
                        </div><!-- End .header -->

                        <ul class="social_list">
                            <li>
                                <a href="#"><img src="images/social/feed.png" alt="#"/></a>
                                <a href="#">Feed</a>

                            </li>
                            <li>
                                <a href="#"><img src="images/social/youtube.png" alt="#"/></a>
                                <a href="#">Youtube</a>

                            </li>
                            <li>
                                <a href="#"><img src="images/social/twitter.png" alt="#"/></a>
                                <a href="#">Twitter</a>

                            </li>
                            <li>
                                <a href="#"><img src="images/social/reddit.png" alt="#"/></a>
                                <a href="#">Reddit</a>
                            </li>
                            <li>
                                <a href="#"><img src="images/social/flickr.png" alt="#"/></a>
                                <a href="#">Flickr</a>
                            </li>
                        </ul>
                        <!-- End .link_list -->
                    </div>
                    <!-- END WIDGET SOCIAL NETWORK -->


                </div><!-- End #hook_footer -->
            </div>
            <!-- End #wrapper_bottom -->
        </div>
        <!-- End #wrapper -->

    </body>
</html>